/*
 * @Author: liu.ff 
 * @Date: 2018-09-11 15:12:51 
 * @Last Modified by: liu.ff
 * @Last Modified time: 2018-09-13 13:51:28
 */

import React, {Component} from 'react';
import {
	Platform,
	StyleSheet,
	View,
	Text,
	TouchableOpacity,
	Button,
	Image,
	TextInput,
} from 'react-native';

import {ScreenFixW,ScreenFixH,ScreenW,ScreenH} from '../../Common/Tools'
import {LFImages} from "../../src/img";

export default class Home extends Component {

	render(){

		return(
			/*自定义导航视图*/
			<View style={styles.customNavView}>
				<View style={styles.customNavBar}>
					<Text style={styles.customLeftText}>上海</Text>
					<TextInput style={styles.customLeftTextInput}></TextInput>
					<View style={styles.customNavBarInnerView} >
						<Image style={styles.customNavBarInnerViewImage1} source={LFImages.icon_homepage_message} ></Image>
						<Image style={styles.customNavBarInnerViewImage1} source={LFImages.icon_homepage_scan} ></Image>

					</View>
				</View>
			</View>
		)
	}
}




const styles = StyleSheet.create({

	customNavView: {  //自定义导航 视图 样式
		flexDirection: 'row',
		backgroundColor:'#3CB371',
		height:64,
		width:ScreenW
	},

	customNavBar:{ // 自定义导航 视图Bar 样式
		marginTop:20,
		flexDirection: 'row',
		backgroundColor:'#3CB371',
		height:44,
		width:ScreenW,
		justifyContent:'space-around', // 设置主轴对齐方式为 space环绕
		alignItems:'center' // 设置侧轴对齐方式为居中
	},
	customLeftText:{ //自定义导航视图左侧文字样式
		marginLeft:10,
		color:'#fff',
		fontSize:15,
	},
	customLeftTextInput:{ //自定义导航视图 输入框 样式
		color:'#222',
		backgroundColor:'#fff',
		height:30,
		width:ScreenW*0.7,
		marginLeft:10,
		borderRadius:30/2,
		paddingLeft:20 // 设置 内左边距
	},
	customNavBarInnerView:{ // 导航视图 左侧按钮视图 样式
		flexDirection:'row',
	},
	customNavBarInnerViewImage1:{
		margin:4,
		height:25,
		width:25
	}


})














